<style>
    .scrollDiv {
        overflow-y: auto;
        width: 100%;
    }
    table tr td,th {
        text-align: center;
        font-size: 20px;
    }

</style>
<div>
    <div class="col-sm-12" style="padding: 0px;">
        <div  style="padding: 5px;background-color: #bdf3dc;display: block">
            <p style="font-size: 30px;text-align: center;font-weight: bolder">
                今日会议安排：{{ day }}
            </p>
            <p style="font-size: 5px;text-align: right;color: #bac1c8;font-weight: lighter">
                更多会议安排请登陆系统查看
            </p>
        </div>
    </div>
    <div class="col-sm-12" style="padding: 0px;">
        <table class="table table-bordered" style="margin-bottom: 0px;">
            <tr class="info">
                <th style="width: 30%">会议时间</th>
                <th style="width: 40%">会议标题</th>
                <th style="width: 30%">申请人</th>
            </tr>
        </table>
        <div class="scrollDiv">
            <table id="dataTable" class="table  table-bordered" style="width: 100%;">
                {% if data is defined %}
                    {% if data | length > 0 %}
                        {% for i,item in data %}
                            <tr>
                                <td style="width: 30%">{{ item['timePeriods'] }}</td>
                                <td style="width: 40%;word-wrap: break-word;">{{ item['sTitle'] }}</td>
                                <td style="width: 30%">{{ item['sApplyName'] }}</td>
                            </tr>
                        {% endfor %}
                        {% else %}
                        <tr>
                            <td colspan="3" style="text-align: center">暂无数据</td>
                        </tr>
                    {% endif %}
                {% endif %}
            </table>
        </div>
    </div>
</div>
